<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQuery入门示例——HelloWorld</title>
</head>
<body>
    <div id="hello1"></div>
    <div id="hello2"></div>
</body>
<!--引入jQuery的js文件-->
<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
    /**
     * $(function(){
     *      //页面加载完成后的处理，jQuery固定写法
     * });
     *
     */
    $(function () {
        //使用jQuery获取到id位hello1的那个元素，并包装成一个jQuery对象返回
        //var divEle = $("#hello1");
        //divEle.text("我是使用jQuery来写的!");//使用jQuery提供的text方法改变div元素的文本
        $("#hello1").text("我是使用jQuery来写的!");
    });

    //页面加载完成后的处理，原生js固定写法
    window.onload = function () {
        //var divEle = document.getElementById("hello2");
        //divEle.innerText="我是使用原生js来写的!";
        
        document.getElementById("hello2").innerText="我是使用原生js来写的!";
    };
</script>
</html>